<template>
  <section class="todoapp">
    <todoheader></todoheader>
    <todocontent :list="list" :goods="goods"></todocontent>
    <todofooter :list="list"></todofooter>
  </section>
</template>

<script>
import todoheader from "./components/todoheader.vue";
import todocontent from "./components/todocontent.vue";
import todofooter from "./components/todofooter.vue";
import { mapState, mapActions } from "vuex";
export default {
  components: { todoheader, todocontent, todofooter },
  data() {
    return {};
  },
  created() {
    this.getlist();
  },
  methods: {
    ...mapActions("list", ["getlist"])
  },
  computed: {
    ...mapState("list", ["list", "goods"])
  }
};
</script>

<style></style>
